node vue
Jinkey原创感谢 showonne、yubang 技术指导Demo 地址:http://demo.jinkey.io/vue2源码:https://github.com/Jinkeycode/vue2-exampleVue2 教程:https://www.runoob.com/vue2/vue-tutorial.html什么是 VueVue 是一个前端框架,特点是数据绑定比如你改变一个输入框 Input 标签的值,会自动同步更新到页面上其他绑定该输入框的组件的值...
2024-01-10vue.js npm安装图解
首先理清nodejs和npm的关系:node.js是javascript的一种运行环境,是对Google V8引擎进行的封装。是一个服务器端的javascript的解释器。包含关系,nodejs中含有npm,比如说你安装好nodejs,你打开cmd输入npm -v会发现出啊线npm的版本号,说明npm已经安装好。引用大神的总结:其实npm是nodejs的包管理器(package manager...
2024-01-10vue 引入本地json的方法
vue 引入本地json的方法当前需要使用的组件: 1 import data from './test.json' 2 export default{ 3 data(){ 4 return{ 5 userinform: '' 6 } 7 ...
2024-01-10vue 配置App.js
//注册全局filters函数//app.js import * as filters from './filters' // 全局filter //注册全局工具过滤器 Object.keys(filters).forEach(key=>{ Vue.filter(key,filters[key]) })//filters.jsexport function nFormatter(num, digits) { //...}export function html2Text(val) { ...
2024-01-10vue中json文件的使用
在vue中如何做到在前端将json对象转为json文件传给后端,后端将json文件存在服务器中。能有代码最好,或者给个思路也可以。回答:直接前端传json字符串, 然后后端接收整个提交内容, 直接保存成文件不就行了么?回答:好吧,最近刚好做了个小项目,有类似的功能:发起请求:https://github.com/meathill/f...接受请求并处理:https://github.com/m...
2024-02-24vue seo 优化
预渲染prerender-spa-plugin如果你只是用来改善少数营销页面(例如 /, /about, /contact 等)的 SEO,那么你可能需要预渲染。无需使用 web 服务器实时动态编译 HTML,而是使用预渲染方式,在构建时 (build time) 简单地生成针对特定路由的静态 HTML 文件。优点是设置预渲染更简单,并可以将你的前端作为一个完全...
2024-01-10vue3 页面刷新后json的问题
当我打开浏览器第一次时,点击按钮添加数据是正常的但是当我刷新页面,数据初始化,点击按钮添加数据就成这样了,下图。length依然是1,展开的数据也在,但是箭头所指的Array括号里的数据却为空,别的地方也取不到该变量的数据。请问这是什么原因造成的??PS:如果我多push2次,第二次第三次的数据却可以正常保存,下图length=3,但是Array括号里只有2个数据。回答:有关 console.l...
2024-02-17vue+jsonp跨域用不上,求解?
接口是有效的,但是使用jsonp跨域后一直用不了,请赐教,不胜感激。以下是相关vue文件<template> <div id="epidemicData" style="text-align: center"> <div id="header"> <h1 class="slogan">科学防护 共渡难关</h1> <h2 class="ti...
2024-03-12vue jsx多层map嵌套问题
数据格式为:this.form.data[i].col[i].col[i].data[i]需要取到最后这层的data为数据,但是,最后这层data可能是为空的,这就导致了会出现 Cannot read properties of undefined (reading 'map')的情况。原错误代码↓render: (h, params) => { const subject...
2024-02-08vue之node.js的简单介绍
它是可以运行JavaScript的服务器,用javascript语言编写的后端,只是它的开发语言是JavaScript二、安装1、node.js的特性:- 非阻塞IO模型- 时间驱动2、运用的场景:- 高并发单例模式业务- 实时场景- 聊天、电子商务、视频直播等3、安装地址:http://nodejs.cn/判断是否安装成功 node -v进入编辑状态:node+...
2024-01-10vue 处理后台请求json数据,并渲染
后台传给前台的json数据格式,这里原本只是传list数据给后台,因为需要分页,所以用pageInfo包了一下,成了json格式:{ "data": { "endRow": 1, "firstPage": 1, "hasNextPage": false, "hasPreviousPage": false, "isFirstPage": true, "isLastPage": true, "lastPage": 1, "list": [ { ...
2024-01-10v-for vue.js中的条件?
我想在下面的代码中避免image值。 image是property的关键。我怎样才能做到这一点 ?v-for vue.js中的条件?<tbody> <tr v-for="obj in data" :id="obj.id"> <td v-for="property in obj">{{property}}</td> </tr> </tbody> 回答:让我们一探究竟:v-for with an Object,v-for with v-if。<td v-for="(value, pro...
2024-01-10vue 组件开发 props 验证
在Vue中父组件向子组件中传送数据是通过props实现的,一个简单的使用props的例子: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Vue Study</title> 6 </head> 7 <body> 8 9 <div >10 <foo-component :foo-message="fooMessage"></foo-component> 11 </...
2024-01-10vue 自适应 Responsive 设计
使用阿里的 lib-flexible 及 vue-meta 库:https://github.com/amfe/lib-flexible/https://github.com/nuxt/vue-meta#meta-object1.安装lib-flexible在命令行中输入并运行:npm i lib-flexible --save2.在项目入口文件main.js中引入lib-flexibleimport 'lib-flexible'这个时候我们可以npm run dev看一下,已经有了效果。使用 vue-me...
2024-01-10组件封装使用,vue 实现json 编辑器
依赖:npm install vue-codemirror可能遇到错误npm install file npm install system 子组件封装components.vue <template> <codemirror class="code-dec" ref="jsonEditor" v-model="jsondata" :options="options" style=...
2024-01-10vue scoped 深度作用选择器
如果你希望 scoped 样式中的一个选择器能够作用得“更深”,例如影响子组件,你可以使用 >>> 操作符:<style scoped>.a >>> .b { /* ... */ }</style>上述代码将会编译成:.a[data-v-f3f3eg9] .b { /* ... */ }有些像 Sass 之类的预处理器无法正确解析 >>>。这种情况下你可以使用 /deep/ 操作符取而代之——这是一个 ...
2024-01-10openlayers集成到vue开发
openlayer初步加载地图vue项目搭好后,直接用node js安装ol, 安装好后可以看看安装的版本;我用的是5..2的版本 然后看官网相对应版本的文档,都是英文文档;官方文档: http://openlayers.org/en/latest/apidoc/ 然后引入所需要的js; 先加载出地图: ...
2024-01-10vue配置请求本地json数据的方法
本篇文章主要介绍了vue配置请求本地json数据的方法,分享给大家,具体如下:在build文件夹下找到webpack.dev.conf.js文件,在const portfinder = require('portfinder')后添加const express = require('express')const app = express()const appData = require('../data.json') // 加载本地json文件const seller = appData.seller /...
2024-01-10vue再页面渲染json数据时没有显示
对象点属性不能获取数据。原因:在创建数据对象时我使用了k,v方式:tempMap['category '] = this.category[i].label如果在创建数据时使用的k,v方式,那么在页面渲染数据时用 item['category ']的方式获取,如果用点属性的方式创...
2024-01-10vue 中使用百度统计 - sjpqy
vue 中使用百度统计 百度统计一个免费的统计平台,使用的时候只需要申请下账号即可官网地址:https://tongji.baidu.com/一、添加需要统计的网址二、添加完之后,点击获取代码,可以看到一段js代码三、每个网址都会对应一个唯一的id,这个不能更换,将此代码复制到 vue 的...
2024-01-10js 彻底搞懂事件循环机制 Event Loop
我们都知道JavaScript是单线程语言,就是因为单线程的特性,就不得不提js中的同步和异步一、同步和异步所谓单线程,无非就是同步队列和异步队列,js代码是自上向下执行的,在主线程中立即执行的就是同步任务,比如简单的逻辑操作及函数,而异步任务不会立马立马执行,会挪步放到到异步队列中...
2024-01-10浅谈Vue.js中的v-on(事件处理)
Vue.js的事件处理监听事件我们可以用 v-on 指令监听 DOM 事件来触发一些 JavaScript 代码。<div class="box"> {{msg}} <input type="button" value="按钮" v-on:click="msg+=1"/></div>var vm = new Vue({ el:".box", data:{ msg:1 },})结果方法事件处理器许多事件处理的逻辑都很复杂,所以直接把 JavaScript 代码写在 v-on 指令...
2024-01-10vue props中三目运算符为啥不生效
如题,label显示出来一直是"2测试false"<FormFilter ref="filter" :config="config"> // 使用config配置的组件</FormFilter> data() { return { drawer: false, drawers_s: false, titleChange: true, ...
2024-03-13